<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚美优品</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.min.css">
    <link rel="stylesheet" href="./fonticon/iconfont.css">
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 头部开始 -->
    <header>
        <div class="nav">
            <!-- 顶部导航开始 -->
            <div class="h-nav main">
                <!-- 左边导航开始 -->
                <ul class="left-link">
                    <li>欢迎来到聚美!</li>
                    <li><a href="./login.html">请登录</a></li>
                    <li><a href="./regist.html">快速注册</a></li>
                </ul>
                <!-- 左边导航结束 -->
                <!-- 右边导航开始 -->
                <ul class="right-link">
                    <li><a href="#">订单查询</a></li>
                    <li><a href="#"><i class="iconfont">&#xe675;</i>收藏的品牌</a></li>
                    <li class="myli" id="myli">
                        <a href="#">我的聚美</a>|
                        <ul class="mylist">
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的现金券</a></li>
                            <li><a href="#">我的红包</a></li>
                            <li><a href="#">我的余额</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                        </ul>
                    </li>
                    <li class="sji"><a href="#"><i class="iconfont">&#xe602;</i>手机聚美</a>|</li>
                    <li class="more" id="more"><a href="#">更多</a>
                        <ul class="mymore">
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的现金券</a></li>
                            <li><a href="#">我的红包</a></li>
                            <li><a href="#">我的余额</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的订单</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- 右边导航结束 -->
            </div>
            <!-- 顶部导航结束 -->
        </div>
        <div class="searchBox main">
            <!-- logo -->
            <div class="logo">
                <img src="./images/index/logo.jpg" alt="">
            </div>
            <!-- 搜索 -->
            <div class="h-search">
                <div class="inputBox">
                    <input type="text" name="" id="">
                    <button>搜索</button>
                </div>
                <ul>
                    <li><a href="">保湿</a>|</li>
                    <li><a href="">面膜</a>|</li>
                    <li><a href="">洗面奶</a>|</li>
                    <li><a href="">补水</a>|</li>
                    <li><a href="">香水</a>|</li>
                    <li><a href="">眼霜</a>|</li>
                    <li><a href="">口红</a>|</li>
                    <li><a href="">护肤套装</a>|</li>
                    <li><a href="">BB霜</a></li>
                </ul>
            </div>
            <!-- 购物车按钮 -->
            <div class="cartBox">
                <img src="./images/index/cart.gif" alt="">
                <a href="./cart.html">去购物车结算</a>
            </div>
        </div>
    </header>
    <!-- 头部结束 -->
    <!-- 主体开始 -->
    <section>
        <div class="content1">
            <div class="s-nav main">
                <ul class="sl-link">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">极速免税店</a></li>
                    <li><a href="#">母婴特卖</a></li>
                    <li><a href="#">美妆商城</a></li>
                    <li><a href="#">国际轻奢</a></li>
                    <li><a href="#">品牌专场</a></li>
                </ul>

                <ul class="sr-link">
                    <li><a href="javascrpit:void(0)"><img src="./images/index/icon1.jpg" alt=""></a></li>
                    <li><a href=""><img src="./images/index/icon2.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 轮播图开始 -->
        <div class="content2">
            <div class="banner main">
                <div class="screen">
                    <ul>
                        <li><a href=""><img src="./images/index/banner_1.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/index/banner_2.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/index/banner_3.jpg" alt=""></a></li>
                        <li><a href=""><img src="./images/index/banner_4.jpg" alt=""></a></li>
                    </ul>
                </div>
                <ol></ol>
            </div>
        </div>
        <!-- 轮播图结束 -->
        <div class="content3">
            <div class="title main">
                <h2><img src="./images/index/old_top_tit.jpg" alt=""></h2>
            </div>
            <div class="title2 main">
                <img src="./images/index/main_tit02_02_02.jpg" alt="">
                <div>
                    每日十点上新
                </div>
            </div>
            <div class="maincon main">
                <ul id="">
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                    <li>
                        <div class="imgBox">
                            <a href=""><img src="./images/index/111.jpg" alt=""></a>
                            <div class="tar"><img src="./images/index/a1.jpg" alt=""></div>
                            <div class="addcart"><a href="javascript:void(0)">加入购物车</a></div>
                            <div class="fahuo"><a href="">海外直采,海外价格,闪电发货</a></div>
                        </div>

                        <div class="bmBox">
                            <p><a href="" class="bmBox">收到开发商的收到开发商的收到开发商的收到开发商的</a></p>
                            <a href="">&yen;195</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 主体结束 -->
    <!-- 底部开始 -->
    <footer>
        <div class="footer1 main">
            <dl>
                <dt><img src="./images/index/f1.jpg" alt=""></dt>
                <dd>
                    <p><a href="">值得信赖的美妆电商</a></p>
                    <a href="">四千万用户信赖</a>
                </dd>
            </dl>
            <dl>
                <dt><img src="./images/index/f2.jpg" alt=""></dt>
                <dd>
                    <p><a href="">值得信赖的美妆电商</a></p>
                    <a href="">四千万用户信赖</a>
                </dd>
            </dl>
            <dl>
                <dt><img src="./images/index/f3.jpg" alt=""></dt>
                <dd>
                    <p><a href="">值得信赖的美妆电商</a></p>
                    <a href="">四千万用户信赖</a>
                </dd>
            </dl>
            <dl>
                <dt><img src="./images/index/f4.jpg" alt=""></dt>
                <dd>
                    <p><a href="">值得信赖的美妆电商</a></p>
                    <a href="">四千万用户信赖</a>
                </dd>
            </dl>
            <dl>
                <dt><img src="./images/index/f5.jpg" alt=""></dt>
                <dd>
                    <p><a href="">值得信赖的美妆电商</a></p>
                    <a href="">四千万用户信赖</a>
                </dd>
            </dl>
            <dl>
                <dt><img src="./images/index/f6.jpg" alt=""></dt>
                <dd>
                    <p><a href="">值得信赖的美妆电商</a></p>
                    <a href="">四千万用户信赖</a>
                </dd>
            </dl>
        </div>
        <div class="footer2 main">
            <div class="foot-list">
                <ul>
                    <li>
                        <h2>服务保障</h2>
                    </li>
                    <li><a href="#">服务保障</a></li>
                    <li><a href="#">服务保障</a></li>
                    <li><a href="#">服务保障</a></li>
                </ul>
                <ul>
                    <li>
                        <h2>使用帮助</h2>
                    </li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">使用帮助</a></li>
                </ul>
                <ul>
                    <li>
                        <h2>使用帮助</h2>
                    </li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                </ul>
                <ul>
                    <li>
                        <h2>使用帮助</h2>
                    </li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                </ul>
                <ul>
                    <li>
                        <h2>使用帮助</h2>
                    </li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                    <li><a href="">支付帮助</a></li>
                </ul>
                <ul class="qrma">
                    <li>
                        <h2>手机聚美</h2>
                        <img src="./images/index/er1.png" alt="">
                        <p>下载移动客户端</p>
                    </li>
                    <li>
                        <h2>聚美微信</h2>
                        <img src="./images/index/er2.png" alt="">
                        <p>聚美官方微信</p>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <img src="./images/index/f7.jpg" alt="">
        </div>
        <div class="footer-link">
            <ul class="main">
                <li><a href="">关于聚美优品</a></li>
                <li><a href=""> INVESTOR RELATIONS</a></li>
                <li><a href=""> 合作招商</a></li>
                <li><a href="">获取更新</a></li>
                <li><a href="">加入聚美</a></li>
                <li><a href="">品牌合作专区</a></li>
                <li><a href="">媒体报道</a></li>
                <li><a href="">商务合作</a></li>
            </ul>   
        </div>
        <div class="footerd">
            <div class="footcontent main">
                <p>COPYRIGHT &copy; 2010-2019 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。 客服热线：400-011-0888</p>
                <ul>
                    <li><span>京公网安备 11010102001226</span>|</li>
                    <li><a href=""> 京ICP证111033号</a>|</li>
                    <li><a href="">食品经营许可证 </a>|</li>
                    <li><a href="">营业执照</a>|</li>
                    <li><a href="">CP许可证</a>|</li>
                    <li><a href="">出版物经营许可证</a>|</li>
                    <li><a href="">第二类医疗器械经营备案凭证</a>|</li>
                    <li><a href="">网络食品交易第三方平台提供者备案信息表</a>|</li>
                    <li><a href="">增值电信业务经营许可证</a></li>
                </ul>
                <img src="./images/index/f8.png" alt="">
            </div>
        </div>
        <!-- 侧边导航栏开始 -->
        <div class="fixedNav">
            <!-- 侧边导航栏用户登录开始 -->
            <div class="userbox">
                <div class="user"></div>
                <div class="loginbox">
                    <div class="colseBtn"></div>
                    <div class="logres">
                        <img src="./images/index/xjj.jpg" alt="">
                        <p>你好!&nbsp;请<a href="">登录</a>|<a href="">注册</a></p>
                    </div>
                    <div class="btnbox">
                        <button>我的订单</button>
                        <button>我的收藏</button>
                    </div>
                </div>
            </div>
            <!-- 侧边导航栏用户登录结束 -->
            <!-- 侧边导航栏购物车开始 -->
            <div class="cartsbox">
                <div id="showcartbox">
                    <div class="carticon"></div>
                    <span>购物车</span>
                    <div class="hz">0</div>
                </div>
                <div class="dragCart">
                    <div class="c-tit">
                        <h2>购物车</h2>
                        <div id="cs"></div>
                    </div>
                    <div class="cartShow"> </div>
                </div>
            </div>
            <!-- 侧边导航栏购物车结束 -->
            <!-- 财产,收藏,看过 -->
            <div class="icons">
                <ul class="icon3">
                    <li class="property">
                        <div></div>
                        <div class="showProperty">
                            我的财产
                        </div>
                    </li>
                    <li class="wish">
                        <div></div>
                        <div class="showWish">
                            我的收藏
                        </div>
                    </li>
                    <li class="look">
                        <div></div>
                        <div class="showLook">
                            我看过的
                        </div>
                    </li>
                </ul>
                <!-- 二维码与客服 -->
                <ul class="erm_kefu">
                    <li class="_erma">
                        <div></div>
                        <div class="showerma">
                            <img src="./images/index/jumeierma.png" alt="">
                        </div>
                    </li>
                    <li class="_kefu">
                        <div></div>
                        <div class="showkefu">
                            客服中心
                        </div>
                    </li>
                </ul>

                <div class="scrolltop">
                    <div></div>
                    <div class="showTop">
                        返回顶部
                    </div>
                </div>
            </div>
            <!-- 财产,收藏,看过结束 -->
        </div>
        <!-- 侧边导航栏结束 -->
    </footer>
    <!-- 底部结束 -->
</body>

</html>